<template>
    <div class="breadcrumb">
        <el-breadcrumb :separator-icon="ArrowRight">
            <el-breadcrumb-item :to="{ path: '/index/dashboard' }">{{ t('dashboard') }}</el-breadcrumb-item>
            <template v-for="item in $route.matched.slice(1)" :key="item.name">
                <template v-if="item.name != 'dashboard'">
                    <el-breadcrumb-item :to="{ path: item.path }">{{ t(item.meta.title)
                    }}</el-breadcrumb-item>
                </template>
            </template>

        </el-breadcrumb>
    </div>
</template>
<script setup lang="ts" >
import { ArrowRight } from '@element-plus/icons-vue'
import { useI18n } from 'vue-i18n'
const { t } = useI18n()


</script>



<style lang="less" scoped>
.el-breadcrumb {
    font-size: 18px;
    line-height: 5vh;
}
.breadcrumb{
    width: 600px;
    // background-color: aquamarine;

}
</style>